<!DOCTYPE html>
<html>
<head>
<!--<link rel="stylesheet" type="text/css" href="${mainDomain}/statics/css/drag.css" />-->
</head>
<body>
	<table id="yhxxDatagrid" class="easyui-datagrid"  width="100%" height="100%"
			data-options="rownumbers:true,singleSelect:true,url:'${mainDomain}/btsb/list.action?hzzt=2',method:'get',toolbar:'#tb'" pagination="true">
		<thead>
			<tr>
				<th data-options="field:'hzdh',width:80,align:'right'">申报编号</th>
				<th data-options="field:'qyqc',width:100,align:'right',formatter:qcFormatter">企业名称</th>
				<th data-options="field:'tbsj',width:120,align:'right',formatter:rqFormatter,sortable:true">申报时间</th>
				<th data-options="field:'sbjd',width:120,align:'right',formatter:sbjdFormatter,sortable:true">申报季度</th>
				<th data-options="field:'cjsj',width:120,align:'right',formatter:rqFormatter,sortable:true">创建时间</th>
				<th data-options="field:'gxsj',width:120,align:'right',formatter:rqFormatter,sortable:true">更新时间</th>
				<th data-options="field:'zt',width:80,align:'right',formatter:ztFormatter">状态</th>
				<th data-options="field:'yhzt',width:240,align:'right',formatter:optFormatter">操作</th>
			</tr>
		</thead>
	</table>
	<div id="tb" style="padding:20px;height:auto">
		<div>
			企业名称：
			<input type="text" name="qyqc" id="qyqc">
			<a  href="javascript:void(0);" onclick="doSearch()" class="easyui-linkbutton" iconCls="icon-search">查询</a>
		</div>
	</div>
	
	<!--详情页-->
	<div id="yhxxDetails" class="easyui-window" title="详情" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:1000px;height:500px;padding:10px;">
		箱号:<input type="text" id="xh" name="xh"/>
		<a  href="javascript:void(0);" onclick="doSearchDetail()" class="easyui-linkbutton" iconCls="icon-search">查询</a>
		<table id="dgDetails"  class="easyui-datagrid"  width="100%" height="100%" ></table>
		<input type="hidden" id="hzdh"/>
		<input type="hidden" id="tlhph"/>
		<input type="hidden" id="hwydh"/>
		<div id="settjDlg" class="easyui-dialog" style="width:300px;height:240px"
		data-options="title:'质疑',buttons:'#bb',modal:true" closed="true">
			<div><input type="radio" id="oneradio" name="jjyy" value="材料不全">材料不全</input></div>
			<div><input type="radio" name="jjyy" value="图片模糊">图片模糊</input></div>
			<div><input type="radio" name="jjyy" value="图片和数据不对应">图片和数据不对应</input></div>
			<div><input type="radio" id="otherradio" name="jjyy" value="其他">其他</input>
			<input type="text" id="othercontent" name="othercontent" readonly="readonly"/></div>
		</div>
		<div id="bb">
			<a href="javascript:void(0);" class="easyui-linkbutton" onclick="setzy()">确认</a>
			<a href="javascript:void(0);" class="easyui-linkbutton" onclick="javascript:$('#settjDlg').dialog('close')">关闭</a>
		</div>
	</div>	
	
	<!--运单明细-->
	<div id="ydDetails" class="easyui-window" title="运单明细" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:1000px;height:600px;padding:10px;">
		<div><table id="ydtable"  width="100%" height="100%" ></table></div>
		<div>
			<div style="display:inline;width:33%;float:left">
				<input type="button" value="放大" onclick="imgToSize(100,1)" >
			    <input type="button" value="缩小" onclick="imgToSize(-100,1);">
			    <!--<input type="button" value="旋转" onclick="$('#Imgbox1').rotateRight(-90)">-->
			    <input type="button" value="旋转" onclick="imgReverse(1);">
			    <input type="hidden" id="times1" value="1"/> 
			</div>
			<div style="display:inline;width:33%;float:left">
				<input type="button" value="放大" onclick="imgToSize(100,2)" >
			    <input type="button" value="缩小" onclick="imgToSize(-100,2);">
			    <!--<input type="button" value="旋转" onclick="$('#Imgbox2').rotateRight(-90)">-->
			    <input type="button" value="旋转" onclick="imgReverse(2);">
			    <input type="hidden" id="times2" value="1"/> 
			</div>
			<div style="display:inline;width:33%;float:left">
				<input type="button" value="放大" onclick="imgToSize(100,3)" >
			    <input type="button" value="缩小" onclick="imgToSize(-100,3);">
			    <!--<input type="button" value="旋转" onclick="$('#Imgbox3').rotateRight(-90)">-->
			    <input type="button" value="旋转" onclick="imgReverse(3);">
			    <input type="hidden" id="times3" value="1"/> 
			</div>
		</div>
		<div>
			<div id="imageView_container1" style="width:30%;float:left"></div>
			<div id="imageView_container2" style="width:30%;float:left"></div>
			<div id="imageView_container3" style="width:30%;float:left"></div>
		</div>
		<div id="zydiv" style="padding:20px;height:auto"></div>
	</div>
	<script>
		var mainDomain = "${mainDomain}",miscDomain = '${mainDomain}',staticDomain = '${staticDomain}';
	</script>
	<script type="text/javascript" src="${mainDomain}/statics/js/backend/reviewed/btsq/list.js?version=1016"></script>
	<script type="text/javascript" src="${mainDomain}/statics/js/jquery/jquery.rotate.1-1.js"></script>
	<style> 
		#ydDetails table{border-right:1px solid black;border-bottom:1px solid black} 
		#ydDetails table td{border-left:1px solid black;border-top:1px solid black}
		a {color: #fff;text-decoration: none;outline: none;}
		a:hover {color: #fff;text-decoration: underline;} 
		a img {	border: none;}
		#imageView_container1 {border: 2px solid #000; margin:0 auto; overflow:hidden;}
		#imageView_container1.iv-loading {border: 2px solid #f00;}
		#imageView_container2 {border: 2px solid #000; margin:0 auto; overflow:hidden;}
		#imageView_container2.iv-loading {border: 2px solid #f00;}
		#imageView_container3 {border: 2px solid #000; margin:0 auto; overflow:hidden;}
		#imageView_container3.iv-loading {border: 2px solid #f00;}
	</style>
	<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.imageView.js"></script>
	<script type='text/javascript'>
    var size=0;
  
    //放大缩小图片
    function imgToSize(size,obj) {
	   var img = $("#Imgbox"+obj);
	   var oWidth=img.width(); //取得图片的实际宽度
	   var oHeight=img.height(); //取得图片的实际高度
	   img.width(oWidth + size);
	   img.height(oHeight + size/oWidth*oHeight);
    }
    
    // 翻转图片
    function imgReverse(obj) {
	   var img = $("#Imgbox"+obj);
	   var nowtimes = $("#times"+obj).val();
	   var times = nowtimes * 90;
	   $("#times"+obj).val(1+parseInt(nowtimes));
	   img.css( {'filter' : 'fliph','-moz-transform': 'rotate('+ times +'deg)','-webkit-transform': 'rotate('+ times +'deg)'} );	
	}
   </script>
</body>
</html>